<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<div class="row">
                <div class="col-sm-9">
                    <div class="article-content">
                    	<div class="ac-hd">
                    		<h1>${caseGuide.matName}</h1>
                            <h5>事项编号：${caseGuide.matNum}</h5>
                            <div class="ac-hd-btn">
                                <c:if test="${caseGuide.matApplyStatus eq 'Y'}">
                                    <c:choose>
                                        <c:when test="${caseGuide.applyUrl eq 'LOCALHOST'}">
                                            <a href="javascript:to_apply('${caseGuide.guid}')" class="btn btn-yellow ac-next-btn">申报</a>
                                        </c:when>
                                        <c:otherwise>
                                            <a href="javascript:to_thirdApply('${caseGuide.applyTarget}','${caseGuide.applyUrl}')" class="btn btn-yellow ac-next-btn">申报</a>
                                        </c:otherwise>
                                    </c:choose>

                                </c:if>
                                <c:if test="${caseGuide.matReserveStatus eq 'Y'}">
                                    <c:choose>
                                        <c:when test="${caseGuide.reserveUrl eq 'LOCALHOST'}">
                                            <a href="#" class="btn btn-blue ac-next-btn">预约</a>
                                        </c:when>
                                        <c:otherwise>
                                            <a href="javascript:to_thirdReserve('${caseGuide.reserveTarget}','${caseGuide.reserveUrl}')" class="btn btn-blue ac-next-btn">预约</a>
                                        </c:otherwise>
                                    </c:choose>

                                </c:if>
                                <a href="<c:url value="/handyconsult/myconsult"/>" class="btn btn-green ac-next-btn">咨询</a>
                            </div>
                            <div class="ac-remind">
                            	<ul>
                                	<li>
                                    	<i class="acr-i01"></i>
                                    	<p>法定时限：<span>${caseGuide.legalPromiseDays}天</span></p>
                                        <p>承诺时限：<span>${caseGuide.promiseDays}天</span></p>
                                    </li>
                                    <li>
                                    	<i class="acr-i02"></i>

                                        <p>事项性质：<span><c:choose>
                                            <c:when test="${caseGuide.matProp==1}">许可</c:when>
                                            <c:when test="${caseGuide.matProp==2}">确认</c:when>
                                            <c:when test="${caseGuide.matProp==3}">服务</c:when>
                                            <c:otherwise>其他</c:otherwise>
                                        </c:choose></span></p>
                                    </li>
                                    <li>
                                    	<i class="acr-i03"></i>
                                    	<p>受理机构：<a href="#">办理部门地址、联系电话</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="ac-bd">
                        	<!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                              <li role="presentation" class="active"><a href="#nt01" role="tab" data-toggle="tab">办事指南</a></li>
                              <li role="presentation"><a href="#nt02" role="tab" data-toggle="tab">申请材料</a></li>
                              <li role="presentation"><a href="#nt03" role="tab" data-toggle="tab">办事流程</a></li>
                            </ul>
                            
                            <!-- Tab panes -->
                            <div class="tab-content ac-bd-text">
                              <div role="tabpanel" class="tab-pane active" id="nt01">
                                  <div class="abt-item">
                                  	  <div class="abt-hd">备注说明：</div>
                                      <div class="abt-bd">
                                          ${caseGuide.guide}
                                      </div>
                                  </div>
                                  <div class="abt-item">
                                  	  <div class="abt-hd">审批依据：</div>
                                      <div class="abt-bd">
                                          <c:forEach var="basiss" items="${caseGuide.basiss}">
                                              <p><a href="#">${basiss}</a></p>
                                          </c:forEach>

                                      </div>
                                  </div>
                                  <div class="abt-item">
                                  	  <div class="abt-hd">收费标准：</div>
                                      <div class="abt-bd">
                                      	    <c:if test="${caseGuide.pays.size() == 0}"><p><strong>不收费</strong></p></c:if>
                                            <c:forEach var="pay" items="${caseGuide.pays}">
                                                <p><strong>${pay.id}:${pay.value}</strong></p>
                                            </c:forEach>
                                      </div>
                                  </div>
                              </div>
                              <div role="tabpanel" class="tab-pane" id="nt02">
                              	  <table class="table">
                                      <thead>
                                        <tr>
                                          <th>材料名称</th>
                                          <th>是否必须</th>
                                          <th>操作</th>
                                        </tr>
                                      </thead>
                                      <tbody>
                                        <c:forEach var="manifest" varStatus="manifestIndex" items="${caseGuide.manifests}">
                                            <tr>
                                                <td>
                                                    ${manifestIndex.index+1}、${manifest.itemName}；
                                                </td>
                                                <td>
                                                    <c:choose>
                                                        <c:when test="${manifest.requred=='Y'}">是</c:when>
                                                        <c:otherwise>否</c:otherwise>
                                                    </c:choose>
                                                </td>
                                                <td>
                                                    <c:choose>
                                                        <c:when test="${manifest.isTemplate==1}"><a href="javascript:;" onclick="showTemplate('${manifest.guid}','E')" class="btn btn-pink f-preview-a">样表预览</a></c:when>
                                                        <c:otherwise></c:otherwise>
                                                    </c:choose>
                                                    <c:choose>
                                                        <c:when test="${manifest.isTable==1}"><a href="#" onclick="downloadTable('${manifest.guid}','T')" class="btn btn-blue">下载</a></c:when>
                                                        <c:otherwise></c:otherwise>
                                                    </c:choose>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                      </tbody>
                                    </table>
                              </div>
                              <div role="tabpanel" class="tab-pane" id="nt03">
                                  <c:forEach var="pic" items="${caseGuide.guidePic}">
                                  <img src="data:image/png;base64,${pic}"/>
                                  </c:forEach>
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="panel panel-default panel-side">
                      <div class="panel-heading">
                        <h3 class="panel-title">警务资讯</h3>
                      </div>
                      <div class="panel-body">
                         <ul class="nb-list">
                            <c:forEach var="news" items="${newList.list}">
                                <li><a href="#">${news.title}</a></li>
                            </c:forEach>

                         </ul>
                      </div>
                    </div>
                    <div class="panel panel-default panel-side">
                      <div class="panel-heading">
                        <h3 class="panel-title">通知公告</h3>
                      </div>
                      <div class="panel-body">
                         <ul class="nb-list">
                             <c:forEach var="notice" items="${noticeList.list}">
                                 <li><a href="#">${notice.title}</a></li>
                             </c:forEach>
                         </ul>
                      </div>
                    </div>
                </div>
            </div>


<!--事项详情-预览样表-->
<div class="modal fade f-preview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    	<%--<img src="<c:url value="/resource/osc_ue/images/cl-img.jpg"/>">--%>
    </div>
  </div>
</div>


